<template>
    <h2>我是About的内容</h2>
</template>

<script>
export default {
    name: "About",

    // 通过路由规则进入该组件时被调用
    beforeRouteEnter(to,from,next) { // 组件内路由守卫
        console.log('进入前')
        next();
    },

    // 通过路由规则离开该组件时被调用
    beforeRouteLeave(to,from,next) {
        console.log('离开前')
        next();
    }
}
</script>

<style scoped>

</style>